<script setup lang="ts">
import { defineProps } from 'vue'

interface SubheaderProps {
  title: string // 动态标题
  homeLinkText: string // 主页链接文本
  currentSectionText: string // 当前页面或当前部分的文本
}

const props = defineProps<SubheaderProps>()
</script>

<template>
  <!-- Start Subheader -->
  <div class="subheader normal-bg section-padding">
    <div class="container">
      <div class="row">
        <div class="col-12 wow fadeInDown">
          <h1 class="text-custom-white">{{ props.title }}</h1>
          <ul class="custom-flex justify-content-center">
            <li class="fw-500">
              <a href="index.html" class="text-custom-white">{{
                props.homeLinkText
              }}</a>
            </li>
            <li class="active fw-500">{{ props.currentSectionText }}</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- End Subheader -->
</template>
